{% load menu %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/static/bootstrap/css/layui.css">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="/static/bootstrap/css/account.css">

</head>
<body>

<div class="navbar navbar-default" style="border-radius: 0">
    <div class="container nav flex-column">
        <div class="collapse navbar-collapse">
            <a class="navbar-brand" href="#" style="color: rgb(10,79,163)">CNAS校准</a>

            <ul class="nav navbar-nav h5" id="navbar">

            </ul>

            <ul class="nav navbar-nav navbar-right">
                <img src="/static/img/1.png" style="height:50px; width:280px;">
            </ul>

        </div>
    </div>
</div>


<div class="container">
    {% block content %}{% endblock %}
</div>


<script src="{% static 'bootstrap/js/jquery.min.js' %}"></script>
<script src="{% static 'bootstrap/js/rsd.js' %}"></script>
<script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
<script src="{% static 'bootstrap/js/layui.js' %}"></script>
<script src="{% static 'bootstrap/js/bootstrap-table.min.js' %}"></script>
<script src="{% static 'bootstrap/js/FileSaver.min.js' %}"></script>
<script src="{% static 'bootstrap/js/tableExport.min.js' %}"></script>
<script src="{% static 'bootstrap/js/tableExport.min.js' %}"></script>
<script src="{% static 'bootstrap/js/bootstrap-table-export.min.js' %}"></script>
<script src="{% static 'bootstrap/js/bootstrap-table-toolbar.min.js' %}"></script>
<script src="{% static 'bootstrap/js/echarts.min.js' %}"></script>
<script src="{% static 'bootstrap/js/vue.js' %}"></script>




{% block js %}

{% endblock %}


<script>
    $(function () {
        $('#navbar li').on('click', function () {
            $('#navbar li').removeClass('active'); // 移除所有菜单项的active类
            $(this).addClass('active'); // 给当前点击的菜单项添加active类
        });

        // 如果需要悬停效果，可以使用mouseenter和mouseleave事件
        /*
        $('#main-nav a').on('mouseenter', function() {
          $('#main-nav a').removeClass('active');
          $(this).addClass('active');
        }).on('mouseleave', function() {
          $('#main-nav a').removeClass('active');
        });
        */
    })
</script>
</body>
</html>